<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>课程学习系统</title>
		<meta name="description" content="Restyling jQuery UI Widgets and Elements" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" />
		<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome.min.css') }}" />
		<link rel="stylesheet" href="{{ url_for('static', filename='css/ace-fonts.css') }}" />
		<link rel="stylesheet" href="{{ url_for('static', filename='css/ace.min.css') }}" id="main-ace-style" />
        {% block css_js %}{% endblock %}

{#        <script>#}
{#            SyntaxHighlighter.all();#}
{#        </script>#}
	</head>

	<body class="no-skin">
		<!-- #section:basics/navbar.layout -->
		<div id="navbar" class="navbar navbar-default">

			<div class="navbar-container" id="navbar-container">
                <div style="margin-left: 100px;line-height: 45px;height: 45px;padding: 0;position: relative;float: left;">
                    <span style="color: #fff;margin-left: 38px;font-size: 20px;">课程学习系统</span>
                </div>
				<!-- #section:basics/navbar.dropdown -->
				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<!-- #section:basics/navbar.user_menu -->
                        <li class="light-blue">
							<a href="#" class="dropdown-toggle">
								<span >登录</span>
							</a>
						</li>
                        <li class="light-blue">
							<a href="#" class="dropdown-toggle">
								<span >注册</span>
							</a>
						</li>
                        <li class="light-blue">
							<a href="#" class="dropdown-toggle">
								<span >当前教师：{{ session.teacher_name }}</span>
							</a>
						</li>
                        <li class="light-blue" style="margin-right: 85px;">
							<a href="/teacher/logout" class="dropdown-toggle">
								<span >退出</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">


			<div class="main-content">
				<div class="page-content" style="width: 88%;margin: auto;">

					<div class="page-content-area">
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<!-- #section:pages/error -->
								<div class="error-container">
                                    <h1>课时视频</h1>
                                    <div class="row-fluid">
                                        <ul class="ace-thumbnails">
                                            {% for v in page_data_movie.items %}
                                            <li>
                                                <a href="{{ url_for('static', filename='movie/') + v.movie_url }}">
                                                    <img width="255" height="150" src="{{ url_for('static', filename='img/def.jpg') }}" alt="">
                                                </a>
                                                <br>
{#                                                <video src="/static/movie/201904232214542b8b386e4ae94b75a099f29758d9e637.mp4" width="255" height="150" controls="controls"></video>#}
                                                <p style="text-align: center;">{{ v.name }}</p>
                                            </li>
                                            {% endfor %}
                                        </ul>
                                    </div><!-- PAGE CONTENT ENDS -->
								</div>

								<!-- /section:pages/error -->

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div>

                    <div class="page-content-area">
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<!-- #section:pages/error -->
								<div class="error-container">
                                    <h1>知识点视频</h1>
                                    <div class="row-fluid">
                                        <ul class="ace-thumbnails">
                                            {% for v in page_data_movie_01.items %}
                                            <li>
                                                <a href="{{ url_for('static', filename='movie/') + v.short_url }}">
                                                    <img width="255" height="150" src="{{ url_for('static', filename='img/def.jpg') }}" alt="">
                                                </a>
                                                <br>
{#                                                <video src="/static/movie/201904232214542b8b386e4ae94b75a099f29758d9e637.mp4" width="255" height="150" controls="controls"></video>#}
                                                <p style="text-align: center;">{{ v.name }}</p>
                                            </li>
                                            {% endfor %}
                                        </ul>
                                    </div><!-- PAGE CONTENT ENDS -->
								</div>

								<!-- /section:pages/error -->

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div>

                    <div class="page-content-area">
						<div class="row">
							<div class="col-xs-12">
								<div class="error-container">
                                    <div class="row-fluid" style="width: 48%;float: left;">
                                        <h1>随堂测试</h1>
                                        <ul class="list-unstyled spaced">
                                            {% for v in page_data_test1.items %}
                                            <li>
                                                <i class="ace-icon fa fa-angle-right bigger-110"></i>
                                                <label for="form-field-1" style="text-overflow: ellipsis;white-space: nowrap;width: 300px;" title="{{ v.name }}">
                                                    <a href="{{ url_for('teacher.article', id=v.id) }}">{{ v.name }}</a>
                                                </label>
                                                <p style="float: right;margin-right: 55px;"><a href="{{ url_for('teacher.article', id=v.id) }}">查看详情</a></p>
                                            </li>
                                            {% endfor %}
                                        </ul>
                                    </div>
                                    <div class="row-fluid" style="width: 48%;float: left;">
                                        <h1>模拟考试</h1>
                                        <ul class="list-unstyled spaced">
                                            {% for v in page_data_test2.items %}
                                            <li>
                                                <i class="ace-icon fa fa-angle-right bigger-110"></i>
                                                <label for="form-field-1" style="text-overflow: ellipsis;white-space: nowrap;width: 300px;" title="{{ v.name }}">
                                                    <a href="{{ url_for('teacher.article', id=v.id) }}">{{ v.name }}</a>
                                                </label>
                                                <p style="float: right;margin-right: 55px;"><a href="{{ url_for('teacher.article', id=v.id) }}">查看详情</a></p>
                                            </li>
                                            {% endfor %}
                                        </ul>
                                    </div>
								</div>
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div>


				</div><!-- /.page-content -->
			</div><!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120">
							 课程学习系统
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script type="text/javascript">
			window.jQuery || document.write("<script src='{{ url_for('static', filename='') }}js/jquery.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
		<script type="text/javascript">
		 window.jQuery || document.write("<script src='{{ url_for('static', filename='') }}js/jquery1x.min.js'>"+"<"+"/script>");
		</script>
		<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='{{ url_for('static', filename='') }}js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
		<script src="{{ url_for('static', filename='js/ace-elements.min.js') }}"></script>
		<script src="{{ url_for('static', filename='js/ace.min.js') }}"></script>

    {% block js %}{% endblock %}
	</body>
</html>
